var str = location.href;
console.log(str);
var n = str.length;
str = str.substr(n - 5, 5);
console.log(str);
$.ajax({
        url: "./data/index.json",
        type: "get",
        // 请求回来的数据是json
        dataType: "json",
        success: function(data) {

            // ele是对应下标的数组
            var list = data[str];
            var goods_l;
            var goods_r;
            $.each(list, function(i) {
                goods_l = `
            <div><img src="${list[i].img1}" alt=""> </div>
            <div><img src="${list[i].img2}" alt=""> </div>
            <div><img src="${list[i].img3}" alt=""> </div>
            <div><img src="${list[i].img4}" alt=""> </div>
            <div><img src="${list[i].img5}" alt=""> </div>
            `
                goods_r = `
            <p>${list[i].title}</p>
                <p>￥<span>${list[i].price}</span></p>
                <p>款号<span>443497 2UZCN 4164</span></p>
                <p><span class="iconfont icondiqiu"></span></p>
                <p>责任</p>
                <p>${list[i].det}</p>
                <p>有货</p>
                <p>预计发货后2-3个工作日送达</p>
                <a href="#" data-id=${str} class="ad"><button class="btn3">加入购物袋</button></a>
                <a href="./goodslist.html"><button class="btn2">继续购物</button></a>
            `
            })
            $('.in_l').html(goods_l);
            $('.in_r').html(goods_r);
        }
    })
    // ********************************************************
    //进入页面就判断是否获取到了本地存储，获取到了就将数据转成json对象的形式加进数组里
    //这里还没有设置本地存储，就先声明一个goodsArr的数组
if (localStorage.getItem('goods')) {
    var goodsArr = JSON.parse(localStorage.getItem('goods'))
} else {
    var goodsArr = []
}


//给加入购物车绑定点击事件
$('.in_r').on("click", ".ad", function() {
    //将商品id赋值给变量id
    var id = $(this).attr("data-id")
        //标记商品是否在购物车中，默认在不购物车中
    var flag = false
        //遍历数组
    $.each(goodsArr, function(index, item) {
            //判断加入购物车的商品id是否等于数组中的id，相等就说明商品已在购物车中
            if (item.id == id) {
                //等于的话就只增加数组中的num
                item.num++
                    //将标记改为在购物车中
                    flag = true
            }
        })
        //如果不在购物车中，则将id和商品数量push进goodsArr
    if (!flag) {
        goodsArr.push({ 'id': id, 'num': 1 })
    }

    //更新设置本地存储
    localStorage.setItem('goods', JSON.stringify(goodsArr));
    alert("添加购物车成功！");
})